// 左边的样式
main {
  width: 1000px;
  height: 900px;
  // background-color: aqua;
  margin: auto;
  display: flex;
  flex-direction: row;
  ;

  >.left {
    width: 230;
    height: 1200px;
    // background-color: darkorange;
    margin-right: 30px;

    >div:nth-child(1) {
      width: 221px;
      height: 81px;
      border: 1px solid #000;
    }

    >.left1 {
      width: 222px;

      >.yy {
        list-style: none;
        width: 221px;
        height: 49px;
        // background-color: antiquewhite;
        border-top: 1px solid #000;
        display: flex;
        justify-content: space-between;

        >span:nth-child(1) {
          text-align: center;
          line-height: 49px;
          font-weight: bolder;
          font-size: 20px;
        }

        >span:nth-child(2) {
          font-size: 23px;
          text-align: center;
          line-height: 49px;

        }
      }



      >.fenlei {
        display: flex;
        flex-direction: column;
        display: none;


        >li {
          width: 222px;
          height: 35px;
          list-style: none;


          >span {
            font-size: 16px;
          }
        }
      }

      >.fenlei1 {
        width: 222px;
        height: 300px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: wrap;
        display: none;

        >li {
          width: 22%;
          height: 39px;
          border: 1px solid #000;
          // margin: 0 2px 2px 0;
          text-align: center;
          // line-height: 39px;
        }
      }
    }
  }

  // 右边的样式
  .right {
    // width: 750px;
    height: 750px;


    >.small1 {
      width: 980px;
      height: 750px;
      display: flex;
      flex-wrap: wrap;

      >div {
        width: 300px;
        height: 300px;
        text-align: center;

        // border: 1px solid transparent;
        &:hover {
          border: 1px solid #999;
        }

        a {
          text-decoration: none;
          color: #000;

          >img {
            width: 165px;
            height: 165px;
            // text-align: center;
          }

          >p {
            width: 249px;
            height: 55px;
            font-size: 16px;
            // display: block;
            margin-bottom: 27px;
          }
        }

        >s {
          font-size: 14px;
        }

        >span {
          font-size: 14px;
          color: red;
        }
      }

    }

    >ul {
      width: 750px;
      height: 40px;
      display: flex;
      flex-direction: row;
      margin-bottom: 88px;

      >li {
        width: 100px;
        height: 40px;
        margin: 0 10px 0 10px;
        list-style: none;
        border: 1px solid #000;
        text-align: center;
        line-height: 40px;
      }
    }




    >.small12 {
      display: none;

    }

    >.small13 {
      display: none;

    }

    >.small14 {
      display: none;

    }

  }

}